/*
 * Copyright 2015 Red Hat, Inc. and/or its affiliates.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/*
 * CSS rules to overwrite the visual design specific for the product
 */

.navbar-pf div.navbar-header {
    border-bottom-color: #393f45;
    background-image: linear-gradient(to bottom, #474c50, #383f43);
}

.navbar-pf ul.navbar-primary {
    background-image: linear-gradient(to bottom, #474c50, #383f43);
}

.navbar-pf ul.navbar-primary > li > a:hover,
.navbar-pf ul.navbar-primary > .open > a:hover,
.navbar-pf ul.navbar-primary > .open > a:focus,
.navbar-pf ul.navbar-primary > .open > a {
    background-color: #6B6F74;
    background-image: linear-gradient(to bottom, #72757a, #64686c);
    border-top-color: #949699;
    border-bottom-color: #6B6F74;
    box-shadow: none;
    color: #f1f1f1;
}

.navbar-pf ul.navbar-primary > .active > a,
.navbar-pf ul.navbar-primary > .active > a:hover,
.navbar-pf ul.navbar-primary > .active > a:focus,
.navbar-pf .navbar-nav.uf-navbar-nav-compact > li:first-child > a,
.navbar-pf .navbar-nav.uf-navbar-nav-compact > li.open > a,
.navbar-pf .navbar-nav.uf-navbar-nav-compact > li > a:hover,
.navbar-pf .navbar-nav.uf-navbar-nav-compact > li > a:focus {
    background-image: linear-gradient(to bottom, #72757a, #64686c);
    border-top-color: #949699;
    border-bottom-color: #6B6F74;
    color: #f1f1f1;
}

.navbar-pf ul.navbar-utility > li > a {
    margin-top: 2px;
    padding-bottom: 7px;
    padding-top: 5px;
}

.navbar-pf ul.navbar-utility li.dropdown > .dropdown-toggle .pficon-user {
    top: 5px;
}

.navbar-pf ul.navbar-nav.uf-navbar-nav-compact {
    left: 250px;
    margin-top: 1px;
}

@media (max-width: 767px) {
    .navbar-pf ul.navbar-nav.uf-navbar-nav-compact {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .navbar-pf.navbar-inverse {
        background-color: #393f45;
    }

    .navbar-pf.navbar-inverse .navbar-nav > .open .dropdown-menu,
    .navbar-pf.navbar-inverse .navbar-nav > .open > a,
    .navbar-pf.navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-pf.navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #393f45 !important;
    }

    .navbar-pf.navbar-inverse .navbar-nav > .open > .dropdown-menu > .active > a {
        background-image: linear-gradient(to bottom, #72757a, #64686c);
        border-bottom-color: #6b6f74;
        border-top-color: #949699;
        color: #f1f1f1;
    }

    .navbar-pf.navbar-inverse .navbar-utility > li + li {
        border-top: 1px solid #393f45;
    }

    .navbar-pf.navbar-inverse .navbar-nav .navbar-utility {
        border-bottom: 1px solid #393f45;
    }

}